<template>
  <div class="u-page mai-conversation-add">
	  <!-- 自定义搜索 参考微信 头部  开始 -->
	  <div class="conversation_head_weichat">
		<div @click="goBack()" class="conversation_head_back_button_weichat"><img src="/static/icon/common/return-icon.png" /></div>
	  	<div class="conversation_head_title_weichat">朋友圈</div>
	  	<div @click="sendMoments()" class="conversation_head_camera_button_weichat"><img src="/static/icon/camera.png" /></div>
	  </div>
	  <!-- 自定义搜索 参考微信 头部  结束 -->
	  
	  <!-- 搜索结果 -->
  </div>
</template>
<script lang="ts" setup>
import { TUIStore, StoreName } from '@tencentcloud/chat-uikit-engine';
import { TUIGlobal } from '@tencentcloud/universal-api';
import { ref } from '/TUIKit/adapter-vue';
import { onHide } from '@dcloudio/uni-app';
import { onLoad, onUnload } from '@dcloudio/uni-app';

// 定义变量
const phone = ref()
const hasResult = ref(false)

// 实时搜索后台
const change = (option) =>{
	// 随时获取搜索值 
	console.log(option)
}

// 加载时刻 自动初始化 聊天
onLoad((options) => {
	// TODO 自动加载
});
// 进行搜索
const sendMoments = () =>{
	uni.navigateTo({
		url:'/pages/search/index'
	})
}
const goBack = () =>{
	uni.navigateBack()
}
</script>

<style>
	.mai-conversation-add{
		width: 100%; 
		height: 100%;
		display: flex;
		background-color: #fff;
		overflow: hidden;
		flex-direction: column;
	}
	/* 顶部设置 */
	.conversation_head_weichat{
		display: flex;
		flex-direction: row;
		width: 100%;
		height: calc(44px + env(safe-area-inset-top));
		position: relative;
		overflow: hidden;
		background-color: #eee;
	}
	.conversation_head_title_weichat{
		justify-content: center; /* 居中 */
		display: flex;
		flex: 1;
		text-align: center;
		font-size: 16px;
		opacity: 1;
		font-weight: bold;
		line-height: calc(44px + env(safe-area-inset-top));
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: center;
	}
	.conversation_head_back_button_weichat{
		display: flex;
		height: 80%;
		width: 60px;
	}
	.conversation_head_back_button_weichat img{margin-top: 5px; width: 30px; height: 30px;}
	.conversation_head_camera_button_weichat{
		display: flex;
		height: 80%;
		width: 60px;
	}
	.conversation_head_camera_button_weichat img{margin-top: 5px; width: 30px; height: 30px;}
</style>
